.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-bottom, .v-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.v-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4490f1;
  -webkit-box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .5);
  box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .5);
  border-radius: 4px;
  height: 44px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.v-button.white {
  background-color: #fff;
  color: #4490f1;
  -webkit-box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .2);
  box-shadow: 0 10px 20px -10px rgba(73, 144, 241, .2);
  border: 1px solid #4990f1
}

.v-button.white:hover {
  background-color: #fff
}

.v-button.disable {
  background-color: #eee;
  border: 0;
  -webkit-box-shadow: initial;
  box-shadow: none;
  cursor: auto
}

.v-button.disable:hover {
  background-color: #eee
}

.v-button .el-icon-loading {
  margin-right: 5px;
  font-size: 20px
}

.v-button:hover {
  background-color: #2d81f7
}

.v-button.is-loading {
  pointer-events: none;
  opacity: .8
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.v-input:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  z-index: 1;
  background: #2d81f7;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.v-input.focus:before {
  width: 100%
}

.v-input .el-input__inner {
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee
}

.v-input .el-input__inner:hover {
  border-bottom-color: #ddd
}

.v-input .el-input__prefix {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.v-input .el-input__prefix, .v-input .el-input__suffix, .v-input .el-input__suffix-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.v-input .el-input__suffix-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

input::-webkit-input-placeholder {
  color: #ccc
}

input::-moz-input-placeholder {
  color: #ccc
}

input::-ms-input-placeholder {
  color: #ccc
}

.mobile-wrapper .input {
  margin-top: 70px
}

.mobile-wrapper .send-button {
  margin-top: 60px
}

.mobile-wrapper .v-input .el-input__inner {
  font-size: 16px
}

.v-input .el-input__inner {
  padding-right: 90px
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.code-wrapper .v-input {
  margin-top: 70px
}

.code-wrapper .v-input .el-input__inner {
  font-size: 16px
}

.code-wrapper .send-button {
  margin-top: 60px
}

.code-wrapper .edit-icon {
  color: #4490f1;
  cursor: pointer;
  margin-left: 5px
}

#wx-login-container {
  width: 220px;
  height: 220px
}

.tips-wrapper {
  text-align: center;
  letter-spacing: 1px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.header-container {
  position: relative;
  z-index: 1000;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  height: 70px
}

.header-container .wrapper, .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header-container .wrapper {
  width: 1200px;
  min-width: 1200px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header-container .wrapper .left-wrapper, .header-container .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-container .wrapper .left-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header-container .wrapper .search-wrapper {
  width: 500px
}

.header-container .wrapper .right-wrapper {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header-container .wrapper .right-wrapper .bold {
  font-weight: 700
}

.header-container .wrapper .right-wrapper .user-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.header-container .wrapper .right-wrapper .user-name-wrapper .iconfont {
  margin-left: 4px;
  font-size: 14px;
  color: #666
}

.header-container .wrapper .right-wrapper .user-name {
  font-weight: 800;
  color: #333;
  width: 75px;
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right
}

.el-dropdown-menu__item {
  color: #333;
  line-height: 40px !important
}

.el-dropdown-menu {
  border: 0 !important;
  -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 10px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
  background-color: #fff;
  color: #4490f1
}

.animation-hide {
  -webkit-animation: animation-hide-data-v-c865a8bc .1s ease-in;
  animation: animation-hide-data-v-c865a8bc .1s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.animation-show {
  -webkit-animation: animation-show-data-v-c865a8bc .1s ease-in;
  animation: animation-show-data-v-c865a8bc .1s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes animation-hide-data-v-c865a8bc {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    visibility: hidden
  }
}

@keyframes animation-hide-data-v-c865a8bc {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    visibility: hidden
  }
}

@-webkit-keyframes animation-show-data-v-c865a8bc {
  0% {
    opacity: 0
  }
  to {
    opacity: 1;
    visibility: visible
  }
}

@keyframes animation-show-data-v-c865a8bc {
  0% {
    opacity: 0
  }
  to {
    opacity: 1;
    visibility: visible
  }
}

.text {
  margin-left: 10px;
  font-size: 22px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.code-wrapper .code, .code-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.code-wrapper .code {
  width: 140px;
  height: 140px;
  background-color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.code-wrapper .code img {
  width: 116px;
  height: 116px
}

.code-wrapper .wechat-code-wrapper {
  margin-left: 5px
}

.code-wrapper .icon {
  color: #00c25f;
  margin-right: 5px
}

.code-wrapper .code-text {
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 21px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.footer-container {
  font-size: 12px;
  background: #fafafa;
  height: 50px;
  line-height: 50px;
  min-width: 1200px
}

.footer-container .wrapper {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.footer-container .wrapper .record {
  color: #bbb
}

.footer-container .wrapper .phone {
  margin-left: 42px
}

.footer-container .wrapper .right {
  width: 341px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#main {
  height: 100%;
  min-width: 1200px
}

#main .main-container {
  height: calc(100% - 120px)
}

#main .main-container .page-component {
  width: 1200px;
  min-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 40px
}

#main .main-code-container {
  position: fixed;
  right: 3px;
  top: 380px;
  z-index: 300
}

#main .main-code-container .close-icon {
  margin: 5px;
  cursor: pointer;
  float: left;
  color: #999
}

#main .main-code-wrapper {
  width: 150px;
  background: #fff;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
  border-radius: 4px 0 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#main .main-code-wrapper .text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px 22px 9px;
  font-size: 14px
}

#main .main-code-wrapper .text-wrapper .icon {
  color: #00c25f;
  font-size: 24px;
  margin-right: 5px
}

#main .main-code-wrapper .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px
}

#main .main-code-wrapper .code-img {
  width: 120px;
  height: 120px
}

#main .main-code-wrapper .info {
  font-size: 12px;
  color: #999;
  width: 110px;
  margin-top: 5px;
  text-align: center
}

.driver-popover-title {
  color: #fff !important;
  font-weight: 700 !important
}

#driver-highlighted-element-stage {
  border-radius: 20px !important
}

.driver-fix-stacking {
  position: relative !important
}

#driver-popover-item {
  background: linear-gradient(130deg, #709bff, #4b80ff) !important;
  max-width: 500px !important
}

.driver-popover-tip {
  border-width: 15px !important;
  top: -23px !important;
  border-color: transparent transparent #709bff !important
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-bottom, .operate-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.operate-view {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 440px;
  height: 480px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(73, 144, 241, .2);
  box-shadow: 0 0 20px 0 rgba(73, 144, 241, .2);
  margin-left: 35px
}

.operate-view .wrapper {
  width: 320px;
  margin-top: 80px
}

.operate-view .wrapper.wechat {
  margin-top: 40px
}

.operate-view .wrapper .input {
  margin-top: 70px
}

.operate-view .wrapper .send-button {
  margin-top: 60px
}

.operate-view .wrapper .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.operate-view .wrapper .bottom.wechat {
  margin-top: 40px
}

.operate-view .wrapper .bottom .phone-container {
  margin-top: 15px
}

.operate-view .wrapper .bottom .phone-container, .operate-view .wrapper .bottom .wechat-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.operate-view .wrapper .bottom .wechat-wrapper {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background: #00c25f;
  color: #fff;
  margin-top: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.operate-view .wrapper .bottom .wechat-wrapper:hover {
  background: #00b157
}

.operate-view .wrapper .bottom .wechat-wrapper .icon {
  font-size: 24px
}

.operate-view .wrapper .bottom .phone-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background: #4490f1;
  color: #fff;
  margin-top: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 200
}

.operate-view .wrapper .bottom .phone-wrapper:hover {
  background: #2d81f7
}

.operate-view .wrapper .bottom .phone-wrapper .icon {
  font-size: 22px
}

.operate-view .wrapper .bottom .third-text {
  color: #ccc;
  margin-top: 10px
}

.rebind-dialog .el-dialog--center .el-dialog__body {
  text-align: center;
  padding: 20px 60px 0
}

.rebind-dialog .icon {
  font-size: 54px;
  color: #4490f1;
  display: block;
  text-align: center
}

.rebind-dialog .dialog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.rebind-dialog .dialog-text {
  margin: 30px 0 40px;
  color: #333;
  font-size: 16px;
  letter-spacing: 1px
}

.rebind-dialog .button-wrapper {
  width: 140px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.info-wrapper {
  width: 440px;
  padding-left: 74px;
  padding-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.info-wrapper.translucent {
  opacity: .5;
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

.info-wrapper .code-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1
}

.info-wrapper .code-wrapper .code-img {
  width: 140px;
  height: 140px;
  margin-bottom: 22px
}

.info-wrapper .code-wrapper .wechat-code-wrapper {
  margin-left: 80px
}

.info-wrapper .code-wrapper .icon {
  color: #00c25f;
  margin-right: 5px;
  font-size: 18px
}

.info-wrapper .code-wrapper .code-text {
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 21px
}

.info-wrapper .slogan {
  height: 68px;
  width: 318px;
  margin-top: 70px;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 4px;
  color: #000;
  line-height: 44px;
  text-align: center
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-bottom, .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.tips {
  margin-top: 30px;
  font-size: 12px;
  margin-left: 15px;
  width: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.el-dialog__headerbtn {
  top: 30px;
  right: 30px
}

.el-dialog__headerbtn /deep/ .el-icon-close {
  font-size: 20px
}

.el-dialog__header {
  padding: 15px 0 0
}

.el-dialog {
  background-color: #f7fbff;
  background-image: url("");
  background-repeat: repeat
}

.el-dialog--center .el-dialog__body {
  text-align: center;
  padding: 20px 60px 0
}

.icon {
  font-size: 54px;
  color: #4490f1;
  display: block;
  text-align: center
}

.dialog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.dialog-text {
  margin: 30px 0 40px;
  color: #333;
  font-size: 16px;
  letter-spacing: 1px
}

.button-wrapper {
  width: 140px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.el-dialog {
  border-radius: 4px !important
}

.el-dialog__wrapper {
  overflow: hidden !important
}

.el-scrollbar__wrap {
  overflow-x: hidden !important
}

.el-scrollbar__bar.is-vertical {
  width: 7px !important
}

:not(i) {
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif
}

body, div, html, span {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body, html {
  height: 100%
}

.app-container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  color: #666;
  height: 100%;
  background: #fff;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 1200px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.v-link {
  color: #666;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.v-link.dark {
  color: #333
}

.v-link .iconfont {
  margin-right: 3px
}

.v-link.selected, .v-link:hover {
  color: #4490f1
}

.v-link.clickable {
  cursor: pointer
}

.v-link.highlight:hover {
  color: #70adff
}

.v-link .el-icon-loading {
  font-size: 20px
}

.maintain {
  opacity: .3
}

.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.v-card {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04);
  border-radius: 4px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.v-card:hover {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.v-card.clickable {
  cursor: pointer
}

.v-card .maintenance-wrapper {
  position: absolute;
  z-index: 299;
  background: #ff5f5f;
  padding: 2px 12px;
  color: #fff;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 16px;
  font-weight: 400px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.el-tabs__nav-wrap:after {
  background-color: transparent
}

.el-tabs__nav-wrap .el-tabs__active-bar {
  height: 4px
}

.el-tabs__nav-wrap .el-tabs__item {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  letter-spacing: 1px
}

.el-tabs__nav-wrap .el-tabs__item.is-active {
  font-weight: 700
}

.pagination {
  text-align: center;
  color: #999
}

.pagination .el-pager li {
  font-size: 14px;
  font-weight: 400
}

.pagination .el-pager li.active {
  color: #4490f1;
  font-weight: 700
}

.table-wrapper .el-table {
  font-size: 12px
}

.table-wrapper .el-table thead {
  color: #666
}

.table-wrapper .el-table th {
  padding: 5px;
  background-color: #e8f2ff
}

.table-wrapper .el-table .el-table__body {
  color: #333
}

.table-wrapper .el-table .el-table__body tr:hover > td {
  background-color: transparent
}

.table-wrapper .el-table .el-table__body .el-table__row--striped:hover > td {
  background-color: #fafafa
}

.table-wrapper .pagination {
  margin-top: 100px;
  text-align: center;
  color: #999;
  height: 42px
}

.table-wrapper .pagination .el-pager li {
  font-size: 14px;
  font-weight: 400
}

.table-wrapper .pagination .el-pager li.active {
  color: #4490f1;
  font-weight: 700
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.v-select {
  width: 100%
}

.v-select .el-input__inner {
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee
}

.v-select .el-input__suffix {
  right: 0
}

input::-webkit-input-placeholder {
  color: #ccc
}

input::-moz-input-placeholder {
  color: #ccc
}

input::-ms-input-placeholder {
  color: #ccc
}

.mt20 {
  margin-top: 20px
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form-item .label {
  color: #999;
  letter-spacing: 1px
}

.form-item .content {
  color: #333;
  display: block;
  width: 650px;
  letter-spacing: 1px
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.v-address {
  width: 100%
}

.v-address .el-input__inner {
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee
}

.v-address .el-input__suffix {
  right: 0
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.v-date-picker {
  width: 100% !important
}

.v-date-picker .el-input__inner {
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee
}

.v-date-picker .el-input__suffix {
  right: 0
}

.v-date-picker .el-input__prefix {
  display: none
}

input::-webkit-input-placeholder {
  color: #ccc
}

input::-moz-input-placeholder {
  color: #ccc
}

input::-ms-input-placeholder {
  color: #ccc
}

.title {
  letter-spacing: 1px;
  font-weight: 700;
  color: #333;
  font-size: 16px
}

.affix {
  position: fixed;
  z-index: 100
}

.el-autocomplete-suggestion {
  margin-top: 2px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .04) !important
}

.el-autocomplete-suggestion .popper__arrow {
  display: none !important
}

.el-form-item__label {
  color: #999 !important;
  letter-spacing: 1px
}

.block {
  height: 14px;
  width: 4px;
  background: #4990f1;
  margin-right: 6px;
  border-radius: 2px
}

.split {
  border-left: 1px solid #eee;
  width: 1px;
  height: 16px;
  margin: 0 10px
}

.el-cascader-menu__wrap {
  height: 200px !important
}

.lineup .el-icon-warning-outline {
  font-size: 40px;
  color: #333
}

.lineup .el-loading-text {
  color: #333 !important;
  font-size: 18px !important;
  margin-top: 20px !important
}

.flexRow {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flexCol {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.row-left-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-left-middle, .row-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-left-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-center-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-center-middle, .row-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.row-right-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row-right-middle, .row-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.row-right-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.row-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-left-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-left-middle, .col-left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.col-left-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-center-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-center-middle, .col-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-center-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-center-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.col-right-middle, .col-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.col-right-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.col-right-bottom {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.col-right-bottom, .hospital-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.hospital-search {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hospital-search .search-input {
  width: 100%
}

.hospital-search .search-input .el-input__inner {
  padding-left: 48px;
  padding-right: 58px;
  padding-top: 1px;
  height: 61px;
  font-size: 16px;
  color: #333;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #eee
}

.hospital-search .search-input.small .el-input__inner {
  height: 43px;
  font-size: 14px
}

.hospital-search .search-input.small .search-btn {
  font-size: 14px
}

.hospital-search .search-input .el-input__inner:hover {
  border-bottom-color: #ddd
}

.hospital-search .search-input .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  left: 10px !important;
  padding: 0 10px
}

.hospital-search .search-input .el-input__suffix {
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.hospital-search .search-input .search-btn {
  font-weight: 700;
  font-size: 16px
}

.hospital-search .focus-line {
  height: 1px;
  background: #4990f1;
  margin-top: -1px;
  position: relative;
  width: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.hospital-search .focus {
  width: 100%
}

.markdown-panel {
  min-height: 300px
}

.page-component__scroll {
  height: 100%;
}

.page-component__scroll .el-scrollbar__wrap {
  overflow-x: auto;
}
